<!DOCTYPE html>
<html>
  <head>
    <!-- meta标签设置-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
     maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>区块链蓝海</title>
    <link rel="stylesheet" href="css/css/framework7.ios.min.css">
    <link rel="stylesheet" href="css/css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="assets/lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="assets/lib/LuckyDraw/style.css">
    <link rel="stylesheet" href="css/custom/index.css">
    
    
  </head>
  <body>
      <!-- 单页切换视图 -->
      <div class="views tabs toolbar-through">

        <!-- 首页视图 -->
        <div id="view-1" class="view tab active">
           <!-- 顶部固定导航 -->
           <div class="navbar">
              <div class="navbar-inner">
                <div class="center sliding" style="margin:0 auto;font-weight:300">首&nbsp;页</div>
              </div>
            </div>
          <div class="pages">
            <div data-page="index-1" class="page view-main">
              
              <!-- 固定搜索栏 -->
              <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init" style="margin-top:44px">
                <div class="searchbar-input">
                  <input type="search" placeholder="搜索您想要的代币、交易所信息">
                  <a href="#" class="searchbar-clear"></a>
                </div>
                <a href="#" class="searchbar-cancel">搜索</a>
              </form>
              
                
              <div class="page-content">

                <!-- 主页大图 -->
                <div class="home_img">
                  <img src="./images/home_img.jpg" alt="">
                </div>

                <!-- 头条导航切换 -->
                <div class="button3">
                  <div class="buttons-row">
                    <a href="#tab1" class="button tab-link active" style="height:30px;line-height: 30px;">头条</a>
                    <a href="#tab2" class="button tab-link" style="height:30px;line-height: 30px;">干货</a>
                    <a href="#tab3" class="button tab-link" style="height:30px;line-height: 30px;">专访</a>
                    <a href="#tab4" class="button tab-link" style="height:30px;line-height: 30px;">热词</a>
                  </div>
                </div>

                <!-- 头条专访干货列表 -->
                <div class="tabs">
                  <!-- 头条 -->
                  <div id="tab1" class="tab active">
                    <div class="content-block  hide-bars-on-scroll">
                        <div class="list-block media-list inset">
                          <ul>
                            <li>
                              <a href="Article.html" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="Article.html" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                  <div class="item-subtitle">Beatles</div>
                                </div>
                              </a>
                            </li>
                          </ul>
                        </div>
                    </div>
                  </div>
                  <!-- 干货 -->
                  <div id="tab2" class="tab">
                      <div class="content-block">
                          <div class="list-block media-list inset">
                            <ul>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello qigui</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                            </ul>
                          </div>
                      </div>
                  </div>
                  <!-- 专访 -->
                  <div id="tab3" class="tab">
                      <div class="content-block">
                          <div class="list-block media-list inset">
                            <ul>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello lanhai</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                              <li>
                                <a href="#" class="item-link item-content">
                                  <div class="item-media"><img src="images/AticleTitleImg.png" width="44"></div>
                                  <div class="item-inner">
                                    <div class="item-title-row">
                                      <div class="item-title">hello world</div>
                                    </div>
                                    <div class="item-subtitle">Beatles</div>
                                  </div>
                                </a>
                              </li>
                            </ul>
                          </div>
                      </div>
                  </div>
                  <!-- 热词 -->
                  <div id="tab4" class="tab">
                    <div class="content-block">
                        <div class="list-block media-list inset">
                          <ul>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello lanhai</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                            <li>
                              <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                  <div class="item-title-row">
                                    <div class="item-title">hello world</div>
                                  </div>
                                </div>
                              </a>
                            </li>
                          </ul>
                        </div>
                    </div>
                </div>

              </div>

                
              </div>
              
            </div>
        
          </div>
          
        </div>

        <!-- 功能视图 -->
        <div id="view-2" class="view tab">
          <!-- 功能页顶部导航栏 -->
          <div class="navbar">
            <div class="navbar-inner">
              <div class="center sliding" style="margin:0 auto;font-weight:300">功&nbsp;能</div>
            </div>
          </div>
          <!-- 功能页 -->
          <div class="pages">
            <div data-page="index-2" class="page view-main">
              <div class="page-content">
                <!-- 轮播图 -->
                <div class="swiper-container swiper-1">
                  <div class="swiper-pagination"></div>
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <a href="#">
                        <img src="images/a1.jpg" alt="">
                      </a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#">
                        <img src="images/a2.jpg" alt="">
                      </a>
                    </div>
                    <div class="swiper-slide">
                      <a href="#">
                        <img src="images/a3.jpg" alt="">
                      </a>
                    </div>
                  </div>
                </div>
                
                <div class="list-block" style="margin:0">
                    <ul>
                      <li>
                        <a href="Announcement.html" class="item-link item-content">
                          <div class="item-media"><i class="iconfont icon-gonggao"></i></div>
                          <div class="item-inner">
                            <div class="item-title">蓝海App正式上线啦！</div>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                <!-- 九宫格 -->
                <div class="mainmenu">
                    <p class="buttons-row">
                      <a href="Signin.html" class="button button-raised button-fill">
                        <i class="iconfont icon-ziyuan1 back link"></i>
                        <span>会员签到</span>
                      </a>
                      <a href="Exchange.html" class="button button-raised button-fill">
                        <i class="iconfont icon-huobiduihuan"></i>
                        <span>积分兑换</span>
                      </a>
                      <a href="Announcement.html" class="button button-raised button-fill">
                        <i class="iconfont icon-gonggao"></i>
                        <span>系统公告</span>
                      </a>
                    </p>
                    <p class="buttons-row">
                      <a href="#" class="copy button button-raised button-fill">
                        <i class="iconfont icon-huodongtuiguang"></i>
                        <span>推广链接</span>
                      </a>
                      <a href="LuckyDraw.html" class="button button-raised button-fill">
                        <i class="iconfont icon-choujiang"></i>
                        <span>轮盘大抽奖</span>
                      </a>
                      <a href="QAcommunity.html" class="button button-raised button-fill">
                        <i class="iconfont icon-zhishiwenda"></i>
                        <span>问答社区</span>
                      </a>
                    </p>
                    <p class="buttons-row">
                      <a href="Trading.html" class="button button-raised button-fill">
                        <i class="iconfont icon-jiaoyizonglan"></i>
                        <span>交易所</span>
                      </a>
                      <a href="Tokens.html" class="button button-raised button-fill">
                        <i class="iconfont icon-jinbi"></i>
                        <span>代币</span>
                      </a>
                      <!-- <a href="#" class="button button-raised button-fill">
                        <i class="iconfont icon-ziyuan1"></i>
                        <span>会员签到</span>
                      </a> -->
                    </p> 
                </div>
                      


              </div>

            </div>
          </div>

        </div>

        <!-- 我的视图 -->
        <div id="view-3" class="view tab">
            <!-- 顶部固定导航栏 -->
            <div class="navbar">
                <div class="navbar-inner">
                  <div class="center"  style="margin:0 auto;font-weight:300">我&nbsp;的</div>
                </div>
            </div>
          <div class="pages">
            <div data-page="index-3" class="page view-main">

              
              <div class="page-content">

              <!-- 头像 -->
              <div class="info" style="margin-top:44px;">
                <div class="head">
                  <img src="images/AticleTitleImg.png" alt="">
                </div>
                <div class="integral">
                  <p>姓名：<span>祁桂</span></p>
                  <p>等级：<span>普通会员</span></p>
                  <p>我的积分：<span>1000</span></p>
                </div>
              </div>

              <!-- 操作记录 -->
              <div class="operation">
                <div class="title">
                    <i class="iconfont icon-qunfengcaozuojilu"></i>
                    <span>操作记录</span>
                </div>
                  
                <div class="records">
                  <a href="IntegralRecord.html">
                    <i class="iconfont icon-jizhangben"></i>
                    <span>积分记录</span>
                  </a>
                  <a href="SigninRecord.html">
                    <i class="iconfont icon-qiandao"></i>
                    <span>签到记录</span>
                  </a>  
                  <a href="GameRecord.html">
                    <i class="iconfont icon-choujiang"></i>
                    <span>游戏记录</span>
                  </a>
                </div>
              </div>

              <!-- 我的收藏 -->
              <div class="list-block inset">
                <ul>
                  <li>
                    <a href="Mycollection.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-shoucang"></i></div>
                      <div class="item-inner">
                        <div class="item-title">我的收藏</div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="WalletAddress.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-qianbao"></i></div>
                      <div class="item-inner">
                        <div class="item-title">钱包地址管理</div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="PasswordChange.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-mima"></i></div>
                      <div class="item-inner">
                        <div class="item-title">密码修改</div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="Auestions.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-tiwen"></i></div>
                      <div class="item-inner">
                        <div class="item-title">我的提问</div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="QAcommunity.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-huida"></i></div>
                      <div class="item-inner">
                        <div class="item-title">我的回答</div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="Contact.html" class="item-link item-content">
                      <div class="item-media"><i class="iconfont icon-lianxiwomen"></i></div>
                      <div class="item-inner">
                        <div class="item-title">联系我们</div>
                      </div>
                    </a>
                  </li>
                </ul>

                <!-- 退出按钮 -->
                <a href="#" class="button active confirm-ok">退出登录</a>
              </div>

              

              </div>
            </div>
          </div>
        </div>

        <!-- 底部固定导航栏-->
        <div class="toolbar tabbar tabbar-labels">
          <div class="toolbar-inner">
            <a href="#view-1" class="tab-link active">
              <i class="iconfont icon-iconfonthome0"></i>
              <span class="tabbar-label">主页</span>
            </a>
            <a href="#view-2" class="tab-link"> 
              <i class="iconfont icon-gongnengguanli"></i>
              <span class="tabbar-label">功能</span>
            </a>
            <a href="#view-3" class="tab-link"> 
              <i class="iconfont icon-ziyuan"></i>
              <span class="tabbar-label">我的</span>
            </a>
          </div>
        </div>
      
    </div>
    <!-- Framework7框架的js-->
    <script type="text/javascript" src="js/framework7.min.js"></script>
     <!-- 自定义的js -->
    <script type="text/javascript" src="js/my-app.js"></script>
    <!-- 轮盘抽奖插件 -->
    <script type="text/javascript" src="assets/lib/LuckyDraw/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="assets/lib/LuckyDraw/awardRotate.js"></script>
    <script type="text/javascript" src="assets/lib/LuckyDraw/costom.js"></script>

  </body>
</html>
